@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body{ margin:0; padding:0; font-size:12px; color:#1a1a1a; background:#FFF;}


img{ margin:0; padding:0; border:none;}
ul,li,ol,h1,h2,h3,p,i{ margin:0; padding:0; list-style:none;}
a,a:link,a:visited,a:active{  text-decoration:none; color:#333333;}
a:hover{  text-decoration:none; color:#d80016;}
.fl{ float:left;}
.fr{ float:right;}
.div_clear{ clear:both;}
.div_1200{width:1200px; margin:0 auto;}
.clr{ clear:both;}
@font-face {
 font-family: 'en_fontx';
 src: url('../../images/images/impact.ttf');
}
/*头部*/
.index_head{}
.index_h1{ background: #ffffff; }
.index_h1left a{ display:block; height: 100px;}
.index_h1righ{ width: 820px; }
.index_h1m_x1{ padding: 8px 0px 0px 0px; height: 22px;}
.index_h1m_x1 span{ display: block; float: right; margin-left: 10px;}
.index_h1m_x1 span a{ display: block; width: 60px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; }
.index_h1m_x1 span a.linkhover{ background: #d80016; color: #ffffff; }
.index_h1m_x1 font{ display: block; float: right; padding-right: 10px; background: url(../../images/images/index_05.jpg) no-repeat center left; padding-left: 35px; color: #555555; font-family: "Arial"; font-size: 18px; font-weight: bold;}
.index_h1m_x2{ width: 820px; height: 70px;}


.index_h2{}
.flexslider{position:relative;width:100%; height:800px; top: 0px; text-align:center; overflow:hidden; min-width:1200px;  background:url(../../images/images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:800px;}
.flex-control-nav{position:absolute;bottom:35px;z-index:2;width:100%;text-align:center; left:0; margin-bottom:-10px;}
.flex-control-nav li{display:inline-block;width:40px;height:10px;margin:0 6px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:40px;height:10px;line-height:40px;overflow:hidden;background:#ffffff; border-radius: 10px; border:1px solid #cccccc;cursor:pointer;}
.flex-control-nav .flex-active{background:#d80016;}

/*中间*/
.index_body{}
/*index_b1*/
.index_b1{ padding: 60px 0px 85px 0px; }
.index_b1tit{ text-align: center; padding-bottom: 40px;}
.index_b1tit span{ display: block; text-align: center; font-family:en_fontx; font-size: 40px; color: #e0e0e0; text-transform: uppercase; height: 45px; line-height: 45px;}
.index_b1tit font{ display: block; text-align: center; font-size: 30px; color: #333333; height: 45px; line-height: 45px; }
.index_b1lstx{ width: 712px;  padding-top: 20px; }
.index_b1lstx1{}
.index_b1lstx1 span{ display: block; float: left; font-weight: bold; font-size: 22px; color: #d80016; height: 65px; line-height: 65px;}
.index_b1lstx1 font{ display: block; float: left; font-size: 28px; color: #d3d3d3; height: 65px; line-height: 65px; padding-left: 10px;}
.index_b1lstx2{ width: 540px; height: 140px; line-height: 35px; overflow: hidden; font-size: 16px;}
.index_b1lstx3{margin-top: 25px; margin-bottom: 45px;}
.index_b1lstx3 a{ display: block; background: url(../../images/images/index_14.jpg) no-repeat center left; width: 110px; height: 35px; line-height: 35px; overflow: hidden; text-align: center; font-size: 14px; color: #FFFFFF; }
.index_b1lstx4{ background: #f5f5f5; height: 130px;}
.index_b1lstx4_x1{ width: 130px; height: 70px; padding: 30px 24px 30px 24px;}
.index_b1lstx4_x1 span{ display: block; text-align: center; height: 40px; line-height: 40px; font-size: 18px;}
.index_b1lstx4_x1 span i{ font-size: 36px;font-family:en_fontx; font-style: normal;}
.index_b1lstx4_x1 font{ display: block; text-align: center; height: 30px; line-height: 30px; font-size: 14px;}
.index_b1lstx4_x1:hover{ background: #d80016; }
.index_b1lstx4_x1:hover span{ color: #FFFFFF; }
.index_b1lstx4_x1:hover font{ color: #FFFFFF; }
/*index_b2*/
.index_b2{ background: url(../../images/images/com.jpg) no-repeat center center; min-width: 1200px; width: 100%;background-attachment:fixed; }
.index_b2x{ width: 100%; height: 680px; }
.index_b2x1{ background: url(../../images/images/cxm_03.png) repeat-y center left; height: 310px; width: 378px; padding: 180px 0px 190px 0px;}
.index_b2x1y{ position: relative; width: 378px; height: 310px; top: 35px;}
.index_b2x1y1{ padding: 0px 50px 0px 55px;}
.index_b2x1y1 span{ display: block; height: 90px; line-height: 90px; font-size: 24px; font-weight: bold; color: #FFFFFF; }
.index_b2x1y2{padding: 0px 50px 0px 55px;}
.index_b2x1y2 span{ display: block; height: 105px; line-height: 35px; font-size: 16px; color: #FFFFFF; overflow: hidden;}
.index_b2x1y3{ padding: 40px 50px 0px 55px; display: none;}
.index_b2x1y3 a{ display: block; background: url(../../images/images/cxm_09.png) no-repeat center left; width: 30px; height: 30px;}
.index_b2x1y1.actx{ background: url(../../images/images/cxm_06.jpg) no-repeat center left; transition: 0.3s;}

.index_b2x2{ background: url(../../images/images/cxm_03.png) repeat-y center left; height: 310px; width: 350px; padding: 180px 0px 190px 94px;}
.index_b2x2y1{}
.index_b2x2y1 span{ display: block; width: 100%; text-align: right; color: #FFFFFF;font-family:en_fontx; font-size: 40px; text-transform: uppercase; height: 50px; line-height: 50px;}
.index_b2x2y1 font{ display: block; width: 100%; text-align: right; color: #FFFFFF; font-size: 30px; color: #FFFFFF;}
.index_b2x2y2{ color: #FFFFFF; margin: 30px 0px 35px 0px; }
.index_b2x2y2 span{ display: block; font-size: 14px; height: 90px; line-height: 30px; overflow: hidden;}
.index_b2x2y3{}
.index_b2x2y3 a{ display: block; float: right;  background: url(../../images/images/index_14.jpg) no-repeat center left; width: 110px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; font-size: 14px;}
/*index_b3*/
.index_b3{ padding: 75px 0px 0px 0px; }
.index_b3left{ width: 230px; background: url(../../images/images/index_18.jpg) no-repeat center center; padding: 20px 320px 30px 30px; }
.index_b3left span{ display: block; font-weight: bold; font-size: 24px; height: 50px; line-height: 50px; color: #FFFFFF; overflow: hidden;}
.index_b3left font{ display: block; line-height:25px; height: 50px; color: #FFFFFF; font-size: 14px; overflow: hidden;}
.index_b3righ{ width: 230px; background: url(../../images/images/index_20.jpg) no-repeat center center; padding: 20px 320px 30px 30px;}
.index_b3righ span{ display: block; font-weight: bold; font-size: 24px; height: 50px; line-height: 50px; color: #FFFFFF; overflow: hidden;}
.index_b3righ font{ display: block; line-height:25px; height: 50px; color: #FFFFFF; font-size: 14px; overflow: hidden;}
/*index_b4*/
.index_b4{ padding: 50px 0px 70px 0px; }
.index_b4tit{ text-align: center; padding-bottom: 40px;}
.index_b4tit span{ display: block; text-align: center; font-family:en_fontx; font-size: 40px; color: #e0e0e0; text-transform: uppercase; height: 45px; line-height: 45px;}
.index_b4tit font{ display: block; text-align: center; font-size: 30px; color: #333333; height: 45px; line-height: 45px; }
.index_b4lst{ height: 595px;}
/* 焦点图 */
.pro_one{width: 960px;height: 520px; position: relative;padding: 0px 0px 0px 0px;}
.pro_one_left{ width: 115px; height: 490px; padding: 30px 0px 0px 0px;}
.pro_one_left .font_x1{ display: block; height: 75px; line-height: 75px; color: #727272; font-size: 24px; overflow: hidden;}
.pro_one_left .font_x2{ display: block;  line-height: 25px; text-align: left; color: #333333; font-size: 20px; font-weight: bold; background: url(../../images/images/cxm_06.jpg) no-repeat top left; padding-left: 10px; overflow: hidden;}
.pro_one_left .a_ax{ display: block; margin-top: 30px; display: block; width: 60px; font-size: 14px; height: 25px; border: 1px solid #d80016; color: #d80016; text-align: center; line-height: 25px;}
.pro_one_righ{ width: 800px; height: 520px; background: #ececec; }
.pro_one_righ div{ width: 800px; height: 520px; display: table-cell; vertical-align: middle; text-align: center; }

.pro_one_tt{ position: absolute; bottom: 0px; left: 0; width: 310px; height: 105px; background: #d80016; padding: 35px 25px 40px 25px;}
.pro_one_tt1{ background: url(../../images/images/index_51.jpg) no-repeat center right; padding: 0px 35px 0px 0px; width: 275px;}
.pro_one_tt1 span{ display:block; width: 275px; height: 55px; line-height: 55px; color: #FFFFFF; font-size: 36px; overflow:hidden; text-align:left; }
.pro_one_tt2{ height: 30px; line-height: 30px; color: #FFFFFF; overflow:hidden;  margin: 10px 0px;}
.pro_one_tt2 span{ display:block; height: 30px; line-height: 30px; color: #FFFFFF; font-size: 16px; overflow:hidden; text-align:left; }
.pro_one_tt3{ background: #ffffff; width: 60px; height: 1px;}
/**/
/*index_b5*/
.index_b5{ background: #f6f6f6; min-width: 1200px; width: 100%; padding: 50px 0px 80px 0px; }
.index_b5tit{ text-align: center; padding-bottom: 40px;}
.index_b5tit span{ display: block; text-align: center; font-family:en_fontx; font-size: 40px; color: #e0e0e0; text-transform: uppercase; height: 45px; line-height: 45px;}
.index_b5tit font{ display: block; text-align: center; font-size: 30px; color: #333333; height: 45px; line-height: 45px; }
.index_b5lst{ width: 1200px; height: 480px;}
/*本例css*/
.chinaz3 { width:1200px; height: 480px; position: relative; overflow:hidden;}
.q51buypic3{ width:1200px; height:480px; overflow:hidden; position:relative;}
.q51buypic3 li{ width:385px; height:430px;overflow:hidden; margin-right:22px;}
.index_b5xone{ width:385px; height:430px;}
.index_b5xoimg{ width: 385px; height: 270px; background: #fafafa;}
.index_b5xoimg div{ width: 385px; height: 270px; display: table-cell; vertical-align: middle; text-align: center;}
.index_b5xofont1{ position: relative; width: 95px; height: 35px; top: -17px; left: 12px; margin-bottom: -17px;}
.index_b5xofont1 span{ display:block; width: 95px; height: 35px; line-height: 35px; color: #FFFFFF; background: #d80016; text-align: center; font-size: 16px; }
.index_b5xofont2{}
.index_b5xofont2 span{ display:block; font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; margin-top: 15px;}
.index_b5xofont2 font{ display: block; color: #555555; font-size: 14px; height: 50px; line-height: 25px; overflow: hidden; margin: 10px 0px;}
.index_b5xofont2 i{ display: block; font-style: normal; font-size: 14px; color: #8e8e8e; overflow: hidden; height: 25px; line-height: 25px; }
/*index_b6*/
.index_b6{ background: url(../../images/images/ly_02.jpg) no-repeat bottom center; min-width: 1200px; width: 100%; padding: 55px 0px 85px 0px; }
.index_b6tit{ text-align: center; padding-bottom: 40px;}
.index_b6tit span{ display: block; text-align: center; font-family:en_fontx; font-size: 40px; color: #e0e0e0; text-transform: uppercase; height: 45px; line-height: 45px;}
.index_b6tit font{ display: block; text-align: center; font-size: 30px; color: #333333; height: 45px; line-height: 45px; }
.index_b6lst{ width: 1200px; height: 440px; overflow:hidden;}
/**/
.index_b6lst .list li{width:13.35%;float:left;overflow:hidden;margin-left:0.4%;transition:all 0.5s;position:relative;}
.index_b6lst .list .l1{margin:0px;}
.index_b6lst .list .l4{/*float:right;*/}
.index_b6lst .list li .pic{width:540px;height:350px;}
.index_b6lst .list li.act{width:45%;}

.index_b6lst .list li .txt{width:480px;height:90px;background-color:#f3f3f3;position:relative; padding: 0px 30px;}
.index_b6lst .list li .txt .intit{color:#666666;padding:20px 0px 0px 0px;float:left; width: 400px;}
.index_b6lst .list li .txt .intit span{display:block;font-size:18px; font-weight: bold; line-height: 25px; height: 25px; overflow: hidden; color: #333333;}
.index_b6lst .list li .txt .intit font{display:block; font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; margin-top: 5px;}

.index_b6lst .list li .txt .more{display:block;float: right; width:50px;height:90px; background: url(../../images/images/index_44.jpg) no-repeat center right;}

/**/
.index_b6lst2{ padding: 50px 0px 55px 0px; }
.index_b6lst2 span{ display: block; width: 1010px; height: 80px; line-height: 40px; overflow: hidden; text-align: center; color: #FFFFFF; font-size: 16px; margin:0 auto; }
.index_b6lst3{ height: 120px; width: 1200px; }
.index_b6lst3_left{ background: #d80016; padding: 30px 20px 30px 25px; width: 155px; height: 60px;}
.index_b6lst3_leftx{  }
.index_b6lst3_leftx span{ display: block; background: url(../../images/images/index_51.jpg) no-repeat center right; height: 30px; line-height: 30px; overflow: hidden; color: #FFFFFF; font-size: 24px;font-family:en_fontx; text-transform: uppercase;}
.index_b6lst3_leftx font{ display: block; height: 30px; line-height: 30px; overflow: hidden; color: #FFFFFF; font-size: 24px;}
.index_b6lst3_righ{ background: #ffffff; width:970px; height: 82px; background: #ffffff; padding: 19px 15px;}
.chinaz2 { width:970px; height: 82px; position: relative; overflow:hidden;}
.q51buypic2{ width:970px; height:82px; overflow:hidden; position:relative;}
.q51buypic2 li{ width:187px; height:82px;overflow:hidden; margin-right:10px;}
.index_b6xone{ width: 185px; height: 80px; border: 1px solid #dcdcdc;}
.index_b6xone div{ width: 185px; height: 80px; display: table-cell; vertical-align: middle; text-align: center; }

/*index_b7*/
.index_b7{ padding: 55px 0px 0px 0px; }
.index_b7tit{ text-align: center; padding-bottom: 40px;}
.index_b7tit span{ display: block; text-align: center; font-family:en_fontx; font-size: 40px; color: #e0e0e0; text-transform: uppercase; height: 45px; line-height: 45px;}
.index_b7tit font{ display: block; text-align: center; font-size: 30px; color: #333333; height: 45px; line-height: 45px; }
.index_b7tit2{ text-align: center; font-size: 16px; color: #444444; line-height: 30px; margin-bottom: 35px;}
.index_b7tit2 font{ color: #d80016; }
.index_b7lst{ width: 1200px; height:350px;}
/*本例css*/
.chinaz { width:1200px; height: 350px; position: relative; overflow:hidden;}
.q51buypic{ width:1200px; height:350px; overflow:hidden; position:relative;}
.q51buypic li{ width:287px; height:297px;overflow:hidden; margin-right:17px;}
.index_b7xone{width: 287px;}
.index_b7xoimg{ width: 285px; height: 225px; border: 1px solid #e5e5e5; }
.index_b7xoimg div{ width: 285px; height: 225px; display: table-cell; vertical-align: middle; text-align: center; }
.index_b7xofont{ width: 287px; height: 70px; line-height: 70px; overflow: hidden;  }
.index_b7xofont span{ display: block; width: 287px; height: 70px; line-height: 70px; overflow: hidden; text-align: center; font-size: 16px; }
.chinaz_jt{ position: absolute; bottom: 0px; width: 100%; }
.chinaz_jtx{ width: 120px; height: 21px; margin: 0 auto; }
.chinaz_jtx a.prev{ display: block; float: left;  width: 12px; height: 21px; background: url(../../images/images/index_28.jpg) no-repeat center left;}
.chinaz_jtx a.next{ display: block; float: right;  width: 12px; height: 21px; background: url(../../images/images/index_32.jpg) no-repeat center right;}
.chinaz_jtx a.morex{ display: block; float: left; width: 60px; height: 21px; background: #d80016; line-height: 21px; text-align: center; margin-left: 18px; color: #FFFFFF;}
/*index_b8*/
.index_b8{ padding-top: 65px; }
.index_b8tit{ text-align: center; padding-bottom: 40px;}
.index_b8tit span{ display: block; text-align: center; font-family:en_fontx; font-size: 40px; color: #e0e0e0; text-transform: uppercase; height: 45px; line-height: 45px;}
.index_b8tit font{ display: block; text-align: center; font-size: 30px; color: #333333; height: 45px; line-height: 45px; }
.index_b8lst{ width: 100%; min-width: 1200px; height: 700px; position: relative; }
.index_b8lx{ position: absolute; bottom: 40px; width: 100%; }
.index_b8lbg{ background: #FFFFFF; width: 1200px; height: 240px; }
.index_b8lbg_x1{ width: 186px; height: 180px; padding: 30px 57px;}
.index_b8lbg_x1y1{}
.index_b8lbg_x1y1 span{ display: block; background: url(../../images/images/index_60.jpg) no-repeat bottom left; height:70px; line-height:70px; overflow: hidden; color: #333333; font-size: 24px; margin-bottom: 10px;}
.index_b8lbg_x1y1 font{ display: block; font-size: 14px; color: #666666; height: 30px; line-height: 30px; overflow: hidden; }
.index_b8lbg_x2{ width: 210px; height: 180px; padding: 30px 45px; background: #d80016; }
.index_b8lbg_x2y1{}
.index_b8lbg_x2y1 span{ display: block; background: url(../../images/images/index_62.jpg) no-repeat bottom left; height:70px; line-height:70px; overflow: hidden; color: #ffffff; font-size: 24px; margin-bottom: 10px;}
.index_b8lbg_x2y1 font{ display: block; font-size: 14px; color: #ffffff; height: 30px; line-height: 30px; overflow: hidden; }
.index_b8lbg_x3{ width: 210px; height: 180px; padding: 30px 45px; background: #363636; }
.index_b8lbg_x3y1{}
.index_b8lbg_x3y1 span{ display: block; background: url(../../images/images/index_62.jpg) no-repeat bottom left; height:70px; line-height:70px; overflow: hidden; color: #ffffff; font-size: 24px; margin-bottom: 10px;}
.index_b8lbg_x3y1 font{ display: block; font-size: 14px; color: #ffffff; line-height: 30px; overflow: hidden; }
.index_b8lbg_x3y1 font i{ display: block; font-style: normal; }
.index_b8lbg_x3y1 font i.i_x1{ display: block; float: left; }
.index_b8lbg_x3y1 font i.i_x2{ display: block; padding-left: 42px;}
/*底部开始*/
.index_foot{ background: #363636; min-width: 1200px; width: 100%; }
.index_f1{ padding: 40px 0px 40px 0px; }
.index_f1left{ width: 560px;}
.index_f1lone{ width: 65px; }
.index_f1lone span{ display: block; background: url(../../images/images/index_72.jpg) no-repeat bottom left; padding-bottom: 2px; margin-bottom: 10px;}
.index_f1lone span a{ display: block; height: 55px; line-height: 55px; font-size: 16px; color: #FFFFFF; font-weight: bold; overflow: hidden;}
.index_f1lone font{ display: block;}
.index_f1lone font a{ display: block; height: 30px; line-height: 30px; font-size: 14px; color: #a6a6a6; overflow: hidden;}
.index_f1lone font a:hover{ color: #FFFFFF; }
.index_f1lone2{ width: 135px; margin-left: 46px;}
.index_f1lone2 span{ display: block; background: url(../../images/images/index_72.jpg) no-repeat bottom left; padding-bottom: 2px; margin-bottom: 10px;}
.index_f1lone2 span a{ display: block; height: 55px; line-height: 55px; font-size: 16px; color: #FFFFFF; font-weight: bold; overflow: hidden;}
.index_f1lone2 font{ display: block;}
.index_f1lone2 font a{ display: block; height: 30px; line-height: 30px; font-size: 14px; color: #a6a6a6; overflow: hidden;}
.index_f1lone2 font a:hover{ color: #FFFFFF; }
.index_f1lone3{ width: 135px; margin-left: 46px;}
.index_f1lone3 span{ display: block; background: url(../../images/images/index_72.jpg) no-repeat bottom left; padding-bottom: 2px; margin-bottom: 10px;}
.index_f1lone3 span a{ display: block; height: 55px; line-height: 55px; font-size: 16px; color: #FFFFFF; font-weight: bold; overflow: hidden;}
.index_f1lone3 font{ display: block;}
.index_f1lone3 font a{ display: block; height: 30px; line-height: 30px; font-size: 14px; color: #a6a6a6; overflow: hidden;}
.index_f1lone3 font a:hover{ color: #FFFFFF; }
.index_f1lone4{ width: 85px; }
.index_f1lone4 span{ display: block; background: url(../../images/images/index_72.jpg) no-repeat bottom left; padding-bottom: 2px; margin-bottom: 10px;}
.index_f1lone4 span a{ display: block; height: 55px; line-height: 55px; font-size: 16px; color: #FFFFFF; font-weight: bold; overflow: hidden;}
.index_f1lone4 font{ display: block;}
.index_f1lone4 font a{ display: block; height: 30px; line-height: 30px; font-size: 14px; color: #a6a6a6; overflow: hidden;}
.index_f1lone4 font a:hover{ color: #FFFFFF; }

.index_f1midd{ width: 285px; height: 310px; margin-left: 87px;}
.index_f1mx1{ padding: 25px 0px 15px 0px; }
.index_f1mx1_left{ width: 120px; }
.index_f1mx1_left span{ display: block; width: 120px; height: 120px; }
.index_f1mx1_left font{ display: block; width: 120px; height: 40px; line-height: 40px; text-align: center;  color: #FFFFFF; font-size: 14px; overflow: hidden;}
.index_f1mx2{}
.index_f1mx2 span{ display:block; width: 285px; height: 30px; line-height: 30px; overflow: hidden; color: #FFFFFF; font-size: 14px; }
.index_f1righ{ width: 180px; height: 310px;}
.index_f1rx1{ border: 1px solid #626262; height: 38px; overflow: hidden; border-radius: 20px;}
.index_f1rx1 select{ border:none; background: none; text-align: center; width: 100%; height: 38px; outline: none; line-height: 38px;text-align-last: center; font-size: 14px; color: #6e6d6d;}
.index_f1rx1 select option{ text-align: center; text-align-last: center;}
.index_f1rx2{ padding: 40px 0px; }
.index_f1rx2_y1{ display: block; width: 60px; height: 40px; text-align: center; position: relative;}
.index_f1rx2_y1 span{ display: block; height: 40px; text-align: center; }
.index_f1rx2_y1 font{ display: block; position: absolute; top: 40px; left: -20px; display: none;}
.index_f1rx2_y1:hover font{ display: block; }
.index_f1rx3{ padding-right: 23px; padding-top: 20px;}
.index_f1rx3 span{ display: block; float: right; margin-left: 10px;}
.index_f1rx3 span a{ display: block; width: 60px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; }
.index_f1rx3 span a.linkhover{ background: #d80016; color: #ffffff; }
.index_f1rx4{ padding-right: 23px; padding-top: 40px;}
.index_f1rx4 span{ display: block; float: right; margin-left: 10px;}
.index_f1rx4 span a{ display: block; width: 60px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #6e6d6d;}

.index_f2{ border-top:1px solid #434343; min-width: 1200px; width: 100%; height: 70px; line-height: 70px; font-size: 14px; color: #9f9e9e; text-align: center;}
.index_f2 span{ padding: 0px 10px; }
.index_f2 a{ color: #9f9e9e; }
.index_f2 a:hover{ color: #ffffff; }

/*sib_midd*/
.site_nav{ position: relative; width: 100%; }
.site_navx{ position:absolute; width: 100%; top: -250px; height: 95px;}
.site_navy{ width: 210px; height: 75px; background: url(../../images/images/site_03.png) top center; margin: 0 auto; padding: 10px 10px;}
.site_navy span{ display: block; text-align: center; width: 210px; height:45px; line-height: 45px; color: #FFFFFF; font-size: 36px; overflow: hidden;}
.site_navy font{ display: block; text-align: center; width: 210px; height:30px; line-height: 30px; color: #FFFFFF; font-size: 20px; overflow: hidden; text-transform: uppercase;}
.s_ib_nav{ position: relative; width: 100%; min-width: 1200px; background: url(../../images/images/site_07.jpg) repeat-x bottom center; height: 60px; }
.s_ib_nav ul{ position: absolute; width: 100%; min-width: 1200px; height: 60px; text-align: center;}
.s_ib_nav li{ display: inline-block; margin: 0px 10px;}
.s_ib_nav li a{ display: block; padding: 0px 5px; height: 60px; line-height: 60px; font-size: 16px;}
.s_ib_nav li a.linkhover{ background: url(../../images/images/site_05.jpg)repeat-x bottom center; color: #d80016;}
.s_ib_lst{ padding: 20px 0px 30px 0px; }
.s_ib_con{ line-height: 210%;min-height: 200px; }
/*pro*/
.s_ib_nav1{ height: 71px; width: 100%; min-width: 1200px; background: url(../../images/images/pro_04.jpg) repeat-x top center; position: relative;}
.s_ib_nav1x{width: 170px; height: 71px; line-height: 71px; font-size: 16px;}
.s_ib_nav1x a{ display:block; overflow: hidden; }
.s_ib_nav1x a span{ display: block; width: 170px; height: 60px; line-height: 60px; overflow: hidden; text-align: center;}
.s_ib_nav1x a:hover{ color: #333333; }
.s_ib_nav1x.linkon a span{ background: #d80016;}
.s_ib_nav1x.linkon a{color: #FFFFFF;}
.s_ib_nav1x.linkon a font{ display: block; background: url(../../images/images/pro_07.jpg) no-repeat bottom center; height: 11px; }
.s_ibx_nav{ background: url(../../images/images/site_07.jpg) repeat-x bottom center;width: 100%; min-width: 1200px;}
.s_ibx_navx{position: relative; width: 1200px; height: 57px;}
.s_ibx_nav ul{ position: absolute; width: 100%; min-width: 1200px; height: 57px; text-align: left;}
.s_ibx_nav li{ display: inline-block; margin: 0px 15px 0px 0px;}
.s_ibx_nav li a{ display: block; padding: 0px 5px; height: 57px; line-height: 57px; font-size: 16px;}
.s_ibx_nav li a.linkhover{ background: url(../../images/images/site_05.jpg)repeat-x bottom center; color: #d80016;}

/**/

.txt_class{ width:300px; height:25px; line-height:25px; padding-left:5px;}
.txt_classx{ width:310px; height:30px; line-height:30px; padding-left:5px;}
.txt_class2{width:100px; height:25px; line-height:25px;padding-left:5px;}
.txt_class_con{ width:300px; height:80px; line-height:20px;padding-left:5px; resize:none;}
.txt2_class{ background:none; border:none;}
.dd_class{ margin-top:20px;}
.dd_class2{ margin-top:10px;}

.dd_classdiv font{ color:#ff0000;}
.dd_classdiv{ margin:10px 0px;}
	.dd_classdiv span{ width:100px; text-align:right; height:31px; line-height:31px; }
.dd_classdivx{  margin:10px 0px; line-height:40px;}
.dd_price{ float:left;}
.dd_type{ float:left; margin-left:15px;}
.dd_type2{float:left; margin-left:30px;}
.dd_bz{ float:left;}
.dd_bz2{ float:left; width:300px;}
.dd_sub{ float:left; width:220px; text-align:center; margin-left:6px;}
	.dd_sub input{ width:100px; height:30px; cursor:pointer;}
.dd_sub2{ float:left; width:220px; text-align:center;}
	.dd_sub2 input{ width:100px; height:30px; cursor:pointer;}

.dd_res{ float:left; width:200px;text-align:center;}
	.dd_res input{ width:100px; height:30px; cursor:pointer;}
	
	.dd_clas_left{ float:left; background:url(../../images/zh_book.jpg) no-repeat bottom right; min-height:256px; width:100%;}
	.dd_clas_right{ float:left;  width:500px; height:230px;}
	.dd_clas_right2{ float:left;  width:450px; height:270px; margin-bottom:20px;}

.dd_c_dl{ float:left; width:85px; text-align:right;}
.dd_c_dr{ float:left; width:305px;}

.itemimg{ width:590px;  margin:10px 0px 10px 0px; float:left;}
.videoimg{ width:580px; height:421px; overflow:hidden; border:1px solid #dfdfdf; padding:4px;}
.videoimg div{width:580px; height:421px; display:table-cell; text-align:center; vertical-align:middle; }
.item-titless{ line-height:30px; text-align:center; width:590px; height:30px; margin-top:10px; overflow:hidden; font-size:16px;}

.itemimgx{ width:590px;  margin:10px 0px 10px 0px; float:right;}

.itemimg:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.itemimg img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}

.itemimgx:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.itemimgx img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}


.itemimg2{ width:285px;  margin:10px 20px 10px 0px; float:left;}
.videoimg2{ width:275px; height:338px; overflow:hidden; border:1px solid #dfdfdf; padding:4px;}
.videoimg2 div{width:275px; height:338px; display:table-cell; text-align:center; vertical-align:middle; }
.item-titless2{ line-height:30px; text-align:center; width:285px; height:30px; margin-top:10px; overflow:hidden; font-size:16px;}
.itemimgx2{ width:285px;  margin:10px 0px 10px 0px; float:right;}
.itemimg2:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.itemimg2 img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}
.itemimgx2:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.itemimgx2 img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}

/*pro*/
.pro_itemimg{ width:385px;  margin:10px 15px 10px 0px; float:left;}
.pro_videoimg{width:375px; height:245px; overflow:hidden; border:1px solid #dfdfdf; padding:4px;}
.pro_videoimg div{width:375px; height:245px; display:table-cell; text-align:center; vertical-align:middle; }
.pro_item_tit{ text-align:center; width:365px; overflow:hidden; font-size:16px; padding:5px 10px; background: #333333; color: #FFFFFF;transition: all linear 0.3s;}
.pro_item_tit span{ display: block;height:35px; line-height:35px; overflow:hidden; text-align: center;}
.pro_itemimgx{width:385px;  margin:10px 0px 10px 0px; float:right;}
.pro_itemimg:hover .pro_item_tit{ background: #d80016; transition: all linear 0.3s;}
.pro_itemimgx:hover .pro_item_tit{ background: #d80016; transition: all linear 0.3s;}
.pro_itemimg:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.pro_itemimg img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}
.pro_itemimgx:hover img{-webkit-transform: scale(1.1);transform: scale(1.1); transition: all linear 0.3s;}
.pro_itemimgx img{-webkit-transform: scale(1);transform: scale(1); transition: all linear 0.3s;}
/*分页*/
#pages { padding:14px 0 10px;font-family:宋体; text-align:center}
#pages a { display:inline-block; height:22px; line-height:22px; background:#ffffff; border:1px solid #cccccc; text-align:center; color:#444444; padding:0 10px}
#pages a.a1 { background:#F9F9F9; width:56px; padding:0 }
#pages a:hover { background:#e9e9e9; color:#333333; text-decoration:none; }
#pages span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#F9F9F9; border:1px solid #cccccc; color:#444444; text-align:center; }
.page .noPage { display:inline-block; height:22px; line-height:22px;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

/*news*/
.lf_news_lst{}
.lfnl_one{ border-bottom:1px dashed #b2b2b2; padding:15px 0px; width:580px;}
.lfnlo_left{ width:171px; height:120px; border:1px solid #e1e1e1; padding:4px;}
.lfnlo_left div{ width:171px; height:120px; display:table-cell; vertical-align:middle; text-align:center;}
.lfnlo_righ{ width:390px; margin-top:5px;}
.lfnlo_righ span{ display:block; width:390px; height:35px; line-height:35px; overflow:hidden; font-size:18px;}
.lfnlo_righ i{ display:block; width:390px; height:30px; line-height:30px; overflow:hidden; font-size:16px; font-style:normal; color:#999999;}
.lfnlo_righ font{ display:block; height:50px; width:390px; overflow:hidden; line-height:25px; font-size:14px; color:#999999;}


/*end news*/
.case_xlst{ margin:10px 0px 10px 0px;}
.case_xl1tit{ height:35px; line-height:35px; font-size:14px; padding-bottom:5px;}
.case_xl1lst{ width:195px; height:155px; border:1px solid #cfcfcf; padding:9px;}
.case_xl1lst div{ width:195px; height:155px; display:table-cell; vertical-align:middle; text-align:center;}
.case_xl2{ margin-left:15px; margin-left:36px;}
.case_xl3{}

.ksbj_list{ background:url(../../images/zh_book.jpg) no-repeat center right; padding:20px 0px;}
.ksbj_lone{ width:400px; height:35px; margin-bottom:15px;}
.ksbj_lone span{ display:block; float:left; width:70px; line-height:35px; text-align:right; font-size:14px;}
.ksbj_lone font{ display:block; float:right; width:320px; height:35px;}
.ksbj_lone font select{ width:320px; border:1px solid #ececec; height:35px; line-height:35px; padding:0px 10px; outline:none; border-radius:5px;}
.ksbj_lone font input{ width:300px; border:1px solid #ececec; height:34px; line-height:34px; padding:0px 9px; outline:none; border-radius:5px;}
#btnclick1{ background:#dcb323; color:#FFFFFF; width:150px; height:35px; border:none; cursor:pointer; font-size:14px; border-radius:5px;}

/*zzzs*/
.zs_onetit{ background: url(../../images/images/icon_hr.png) no-repeat center left; padding-left: 15px; height: 40px; line-height: 40px; color: #b61620; font-size: 16px; }
.zs_onelst{ padding: 10px 15px; }
.zs_onelstx1{ line-height: 30px; height: 30px; font-size: 14px; }
.zs_twolst{ padding-top: 10px; }
.twox1_mr{ margin-right: 20px; }
.zs_twox1{ width: 285px; margin-bottom: 10px;}
.zs_twox1img{ width: 275px; height: 217px; padding: 4px; background: #ffffff; border: 1px solid #e1e1e1; }
.zs_twox1img div{ width: 275px; height: 217px; display: table-cell; vertical-align: middle; text-align: center; }
.zs_twox1fot{ text-align: center; padding: 10px 0px 0px 0px;}
.zs_twox1fot font{ display: block; height: 25px; line-height: 25px; overflow:hidden; font-size: 14px;}
.zs_twox1fot span{ display: block; height: 25px; line-height: 25px; overflow:hidden; font-size: 14px;}
/*yg*/
.yg_twox{width: 285px; margin-bottom: 15px;}
.yg_twoximg{ width: 275px; height: 206px; padding: 4px; background: #ffffff; border: 1px solid #e1e1e1; }
.yg_twoximg div{ width: 275px; height: 206px; display: table-cell; vertical-align: middle; text-align: center; }
.yg_twoxfot{ text-align: center; padding: 10px 0px 0px 0px;}
.yg_twoxfot span{ display: block; height: 25px; line-height: 25px; overflow:hidden; font-size: 14px;}
/*case*/
.hr_one_mr{margin-right: 20px;}
.hr_one{ width: 285px; margin-bottom: 20px;}
.hrindex_m4lxoimg{ width: 275px; height: 190px; padding: 4px; background: #ffffff; border: 1px solid #e1e1e1;}
.hrindex_m4lxoimg div{ width: 275px; height: 190px; display: table-cell; vertical-align: middle; text-align: center; }
.hrindex_m4lxofot1{ background: #333333; height: 40px; line-height: 40px; text-align: center; padding: 0px 10px;}
.hrindex_m4lxofot1 span{ display: block; height: 40px; line-height: 40px; overflow:hidden; text-align: center; font-size: 14px; color: #FFFFFF;}


/*pro site*/
.sib_pro_lx1{}
.sib_pro_lx1left{ width: 750px; height: 500px; border: 1px solid #e1e1e1;}
/**/
.ban{ width:750px; height:500px; position:relative; overflow:hidden;}
.ban2{ width:750px; height:400px; position:relative; overflow:hidden; background:#fafafa;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:750px; height:400px;}
.ban2 ul li div{ width:750px;height:400px; display:table-cell; vertical-align:middle; text-align:center;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:660px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:750px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:14px; border:1px solid #e1e1e1;}
.num ul li div{ width:80px; height:80px; display:table-cell; vertical-align:middle; text-align:center;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-left: 15px; margin-right:14px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;margin-left: 14px; margin-right:15px;}
.prev1{ position:absolute; top:174px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:174px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
/**/
.sib_pro_lx1righ{ width: 420px;}
.siblx1r_tit{ height: 50px; line-height: 50px; font-size: 30px; color: #808080; overflow: hidden;}
.siblx1r_tit2{ height: 30px; line-height: 30px; color: #b61620; font-size: 16px; margin-bottom: 10px;}
.sib_pro_lx2{ padding-top: 20px; }
.sib_pro_lx2_nav{ border-bottom: 2px solid #C8C8C8; }
.sib_pro_lx2_nav span{ display: block; float: left; }
.sib_pro_lx2_nav span a{ display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; background: #C8C8C8; color: #FFFFFF; font-size: 16px;}
.sib_pro_lx2_nav span a.on_zzjssbx{ background: url(../../images/images/productviewtab.png) no-repeat center; }
.sib_pro_lx2_lx1{ padding: 20px 0px 10px 0px;}


/*website*/
/*.web_maps{ text-align: center; width: 640px; margin: 0 auto;}*/
.web_maps_lx1{ margin-bottom: 10px; text-align: center; height: 50px; line-height: 50px; font-size: 18px;}
.web_maps_lx2{ width: 100%; text-align: center;}
.web_maps_lx2 img{ max-width: 100%; }
.web_maps_lx3{ margin-top: 10px; text-align: center; }

.zp_list{ background: #f0f0f0; margin-bottom: 20px;}
.zp_lleft{ height: 180px; width: 261px; }
.zp_lrigh{ width: 920px; height: 180px; overflow: hidden;}
.zp_lrigh span{ display: block; height: 50px; line-height: 50px; overflow:hidden; font-size: 18px;}
.zp_lrigh font{ display: block; height: 90px; line-height: 30px; overflow:hidden; font-size: 16px; margin-top: 5px;}

.zp_list2{ background: #4d4d4d; height: 40px; line-height: 40px; color: #FFFFFF; font-size: 16px; }
.zp_list2x1{ text-align: center; width: 300px; height: 40px; overflow: hidden; }

.zp_list3{height: 40px; line-height: 40px;}
.zp_list3x1{ text-align: center; width: 280px; height: 40px; overflow: hidden; padding: 0px 10px;}
.zp_list3x1 span{ display: block; width: 280px; height: 40px; overflow: hidden; text-align: center; font-size: 16px; color: #333333;}

.zp_ly1{ background: #4d4d4d; height: 40px; line-height: 40px; color: #FFFFFF; font-size: 16px; padding: 0px 10px;}
.zp_ly2{margin: 10px 0px;  line-height: 30px;font-size: 14px; }
.zp_ly3{ margin: 0px 0px 10px 0px;}
.zp_ly2z1{ width: 400px; height: 30px; line-height: 30px; overflow: hidden;}
.zp_ly2z1 span{ display: block; width: 390px; height: 40px; overflow: hidden; font-size: 14px; }
.zp_ly4{ margin: 20px 0px; }
.zp_ly2z2{ width: 800px; height: 30px; line-height: 30px; }
.zp_ly2z2 span{ display: block; width: 790px; height: 40px; overflow: hidden; font-size: 14px; }